﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - Administration</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />

    @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/themes/metro/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jeasyui")
  
    <script src="~/Scripts/jquery.easyui.js"></script>

    <script type="text/javascript" src="/Scripts/knockout-3.0.0.js"></script>
    <script type="text/javascript" src="/Scripts/q.js"></script>
    <script type="text/javascript" src="/Scripts/breeze.min.js"></script>


    <script src="~/Scripts/chosen_v1.0.0/chosen.jquery.min.js"></script>
    <link href="~/Scripts/chosen_v1.0.0/chosen.min.css" rel="stylesheet" />

    <script src="~/Scripts/chosen_v1.0.0/remove-chosen.js"></script>
    <script src="~/Scripts/tinymce/tinymce.min.js"></script>

    <!--Custom script: Mapping Knockout with TinyMCE-->
    <script src="~/Scripts/knockout/ko-tinymce.js"></script>
    <script src="~/Scripts/knockout/ko-easyui.js"></script>
    <script src="~/Scripts/chosen_v1.0.0/remove-chosen.js"></script>
    
    @RenderSection("scripts", required: false)



    @*<script type="text/javascript" src="@Scripts.Url("~/Scripts/Administration/menu.js")"></script>*@

</head>
<body>
    <div class="easyui-layout" data-options="fit: true" id="layout" style="width: 100%; height: 100%">
        <div data-options="region:'north'" style="height: 42px;">
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Workspace", "Index", new { Area = "", Controller = "Home" })</li>
                    @*@if (ViewBag.ApplicationModel.EntityNavigation != null)
                        {
                            foreach (var m in ViewBag.ApplicationModel.EntityNavigation)
                            {
                                <li>
                                    @foreach (var item in m.Items) {
                                        <a href="/DO/Person/Index/1">@item.Title</a>
                                    }
                                </li>
                            }
                        }*@
                    @*<li>@Ajax.ActionLink("Khách hàng", "Index", new { Area = "", Controller = "Entity", type = "Person" }, new AjaxOptions { UpdateTargetId = "main_center" }, new { id="client" })</li>*@
                    <li>@Html.ActionLink("Administration", "Index", new { Area = "Admin", Controller = "Main" })</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
        @if (IsSectionDefined("south"))
        {
            <div data-options="region:'south',split:true,iconCls:'icon-ok'" title=" " id="south" style="height: 250px;">
                @RenderSection("south")
            </div>
        }
        else if (IsSectionDefined("south_center") || IsSectionDefined("south_west") || IsSectionDefined("south_east"))
        {
            <div data-options="region:'south',split:true,iconCls:'icon-ok'" title=" " id="south-wrap" style="height: 250px;">
                <div class="easyui-layout" data-options="fit: true" style="width: 100%; height: 215px;">
                    @if (IsSectionDefined("south_west"))
                    {
                        <div data-options="region:'west'" title="Problem/Question" style="width: 400px; padding: 10px;">
                            @RenderSection("south_west")
                        </div>
                    }
                    @if (IsSectionDefined("south_center"))
                    {
                        <div data-options="region:'center'" title="Conclusion" style="padding: 10px;">
                            @RenderSection("south_center")
                        </div>
                    }
                    @if (IsSectionDefined("south_east"))
                    {
                        <div data-options="region:'east'" title="Conclusion" style="padding: 10px;">
                            @RenderSection("south_east")
                        </div>
                    }
                </div>
            </div>
        }
        else
        {
            <div data-options="region:'south'" style="height: 22px; padding-left: 5px;">

                <span>&copy; @DateTime.Now.Year - <a href="http://idte.org">Institute of Digital Technology and Engineering</a></span>
            </div>
        }
        @if (IsSectionDefined("east"))
        {
            <div data-options="region:'east',split:true,iconCls:'icon-search'" id="east" title=" " style="width: 250px;">

                @*@if (ViewBag.ApplicationModel.EntityNavigation != null)
                    {
                        foreach (var m in ViewBag.ApplicationModel.EntityNavigation)
                        {
                            <div class="easyui-panel" data-options="collapsible:true" title="@m.Title">
                                @Html.EditorFor(model => m)
                            </div>
                        }
                    }*@

                @RenderSection("east")
            </div>
        }
        @if (IsSectionDefined("west"))
        {
            <div data-options="region:'west',split:true" id="west" class="west" title="Question & Answer Bank" style="width: 220px;">
                @RenderSection("west")
            </div>
        }
        <div data-options="region:'center',iconCls:'icon-help'">
            @if (IsSectionDefined("center_east") || IsSectionDefined("center_west") || IsSectionDefined("center_south") || IsSectionDefined("center_north"))
            {
                <div id="body" class="easyui-layout" data-options="fit: true" style="width: 100%; height: 100%;">
                    @*@RenderSection("featured", required: false)*@
                    @if (IsSectionDefined("center_east"))
                    {
                        <div data-options="region:'east',split:true,iconCls:'icon-search'" title="Working Paper" id="center_east" style="width: 300px; padding: 10px;">
                            @RenderSection("center_east")
                        </div>
                    }
                    @if (IsSectionDefined("center_west"))
                    {
                        <div data-options="region:'west',split:true,iconCls:'icon-search'" title="Answer" id="center_west" style="width: 200px;">
                            @RenderSection("center_west")
                        </div>
                    }
                    @if (IsSectionDefined("center_north"))
                    {
                        <div data-options="region:'north'" id="center_north" style="height: 36px;">
                            @RenderSection("center_north")
                        </div>
                    }
                    @if (IsSectionDefined("center_south"))
                    {
                        <div data-options="region:'south',split:true,iconCls:'icon-search'" title="Answers" id="center_south" style="height: 250px;">
                            @RenderSection("center_south")
                        </div>
                    }
                    <div data-options="region:'center', title: 'Question Area'" id="main_center" style="padding: 10px;">
                        @RenderBody()
                    </div>
                </div>
            }
            else
            {
                <div data-options="region:'center', title: 'Audit Programme'" id="main_center" style="padding: 10px;">
                    <div id="bodytest">@RenderBody()</div>

                </div>
            }
        </div>
    </div>

</body>
</html>
